import ReactDOM from 'react-dom/client'
import React from 'react'

const root = ReactDOM.createRoot(document.getElementById('root'));
// render参数是虚拟dom

// /* 
//   1 任何一个jsx 必须包裹在一个闭合标签中
//   2 jsx中 {} 立即 变成js环境
//     1 js环境
//     2 在jsx标签中，编译成标签内容  所有这里面 只能写表达式
//     3 注释 {/* 这是 */}
//     特殊属性 <label></label> for属性变成了 htmlFor
//     class 编译成 className
// */
const num = 20
const tpl = (
  <div>
    <h2>jsx</h2>
    <h3>{num}</h3>
    <label htmlFor="xxx"></label>
    <div className="box"></div>
    {/* 这是 */}
  </div>
  // <button>按钮</button>
)
root.render(tpl);